/* Your CSS code goes here */

html {
	overflow: -moz-scrollbars-vertical;
}
body {
	margin: 20px 0px 0px 0px;
	padding: 0;
	width: 1024px;
	/*	background-image:url(../images/background.png);*/
	background-image:url(../images/pbg.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C3D3F;
	text-align: justify;
}
/* Header */
#logo {
	margin-left: 20px;
	margin-top: 0px;
	height:50px;
}
#header {
	margin-top: 0px;
	float:left;
}
ul {
	list-style:none;
	vertical-align:baseline;
	display:block;
}
li {
float:right;
	border-right-style:solid;
	border-width:1px;
}
#menuBtn {
	float:left;
	position: absolute;
	margin-top: 0px;
	margin-left: 700px;
	border-width:1px;
}
.menuButton {
	font-size: 17px;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-weight:bold;
}
/* General */
.flash {
	clear: both;
	display: none;
}
.caption {
	color:#555;
	display:block;
	float:left;
	font-weight:bold;
	line-height:1;
	margin:8px 10px 0 0;
	text-align:right;
	width:130px;
}
.description {
	color:#555;
	display:block;
	float:left;
	font-weight:bold;
	line-height:1;
	margin:8px 10px 0 0;
	text-align:right;
}
/* Login and Sign up*/
#loginBox {
	margin: 20px;
}
#registerBox {
	margin: 20px;
	width:600px;
}
#loginTabs {
	position: absolute;
	margin-left: 40px;
	margin-top: 100px;
	width:600px;
}
#errorMsg {
	display: none;
	position: absolute;
	margin-top: 10px;
	margin-left: 175px;
	color: red;
}
.error {
	display: none;
	margin:8px;
	color: red;
	font-weight:bold;
	font-size: 100%;
}
.button {
	margin-top: 20px;
	font-family: Helvetica, "Copperplate Gothic Bold", sans-serif;
	font-size: 100%;
}
/* Activation */
#activateBox {
	position: absolute;
	margin-left: 40px;
	margin-top: 100px;
	width:600px;
}
.captionActivate {
	color:#555;
	display:block;
	float:left;
	font-weight:bold;
	line-height:1;
	margin:8px 10px 0 0;
	text-align:right;
	width:130px;
}
#errorActivate {
	display: none;
	margin-top: 10px;
	margin-left: 140px;
	font-weight:bold;
	color: red;
}
#activatedBox {
	position: absolute;
	margin-left: 40px;
	margin-top: 100px;
}
/* Contact List */
#contactList {
	margin-left: 20px;
	margin-top: 40px;
	width:250px;
	float: left;
}
#contact {
	margin-left: 20px;
	margin-top: 40px;
	float: left;
}
#image {
	position: absolute;
	margin-top: 40px;
	margin-left: 650px;
}
.contactThumb {
	position: absolute;
	width: 180px;
	margin-left: 0px;
	text-align:left;
}
.dialogImg {
	height: 50px;
	margin-left: 0px;
	margin-top: 10px;
}
.nameCaption {
	color:#555;
	display:block;
	float:left;
	font-weight:bold;
	margin:3px;
	text-align:left;
	width:130px;
}
#thumbImg {
	height: 50px;
	margin-left: 0px;
}
#contactImg {
	height: 200px;
}
#map {
	position: absolute;
	margin-top: 270px;
	margin-left: 625px;
}
#map_canvas {
	width:400px;
	height:400px
}
#map > label {
	text-align:left;
}
